<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">

	<link rel="shortcut icon" href="/qingzhu/css/s.ico" type="image/x-icon">
	<link rel="stylesheet" href="/qingzhu/css/reset.css">
	<!-- 二级页面的公共样式代码 -->
	<link rel="stylesheet" href="/qingzhu/css/common.css">
	<!-- 自己独有的样式代码 -->
	<link rel="stylesheet" href="/qingzhu/css/pay.css">
	<title>下单</title>
</head>
<body>
<!-- 顶部栏 -->
<div th:replace="/qingzhu/front/head_and_footer::head"></div>
<!-- 顶部栏结束 -->
<div class="content">
	<div class="center">
		<div class="s_title">提交订单</div>
		<div class="pay-type">
			<div class="title-choose">
				<div class="pay-type-title">支付方式</div>
				<div class="pay-type-choose">
					<form id="pay-type-form">
						<label class="single"><input type="radio" name="pay_type" value="0">在线支付</label>
						<label class="single"><input type="radio" name="pay_type" value="1">货到付款</label>
					</form>
				</div>
			</div>
		</div>
		<!-- <div class="goods-list">
			<div class="operation">
				<input type="checkbox" class="checkAll"><span class="s1">全选</span>
				<span class="s2">商品名称</span><span class="s3">单价</span>
				<span class="count">数量</span><span class="total">小计</span>
				<span class="del">操作</span>
			</div>
			<div class="goods">
				<ul>
					<li th:each="goodsDetail : ${goodsDetailList}">
						<input type="checkbox" class="check">
						<img th:src="@{${goodsDetail.mainPictureUrl}}" src="/qingzhu/images/img103.png" alt="">
						<span class="s1_money">
							<span class="s1" th:text="${goodsDetail.goodsName}">经典系列红色时钟</span>
							<span class="money">¥</span>
						</span>
						<span class="price" th:text="${goodsDetail.price}">580</span>
						<input type="button" value="-" class="sub">
						<span class="count" th:text="${shopCartList[goodsDetailStat.index].goodsNumber}">1</span>
						<input type="button" value="+" class="add">
						<span class="money1">¥</span>
						<span class="total" th:text="${goodsDetail.price}">580</span>
						<span class="del" th:attr="goodsNo=${goodsDetail.goodsNo}">删除</span>
					</li>
				</ul>
			</div>
			<div class="inter23">
				<div class="picture">
					<img src="/qingzhu/images/nullcart.png" alt="">
				</div>
				<p>您的购物车还没有商品，快去挑选心爱的商品吧！</p>
				<a href="allproducts.html"><span>去逛逛</span></a>
			</div>
		</div> -->
		<div class="money">
			<span class="total-money-title">商品金额总计</span>
			<span class="total-money">￥<span>0.00</span></span>
		</div>
		<div class="submit-order">
			<button class="submit-button">提交订单</button>
		</div>
	</div>
</div>
<!-- footer部分开始 -->
<div th:replace="/qingzhu/front/head_and_footer::footer"></div>
<!-- 返回顶部 -->
<div th:replace="/qingzhu/front/head_and_footer::back_to_top"></div>

<script src="/qingzhu/js/jquery-3.3.1.min.js"></script>
<script type="text/javascript">
	$(document).ready(function () {
		$("#show-all-type").hover(function () {
			$("#all-type").show()
		}, function () {
			$("#all-type").hide()
		});
		$("#all-type").hover(function () {
			$("#all-type").show()
		}, function () {
			$("#all-type").hide()
		})
	})
</script>
</body>
</html>